<template>
    <div style="margin-top: 10px">
      <el-row>
        <el-col span="20" offset="2">
          <el-card class="box-card">
            <div slot="header" class="clearfix">
              <span>商品信息</span>
            </div>
            <div>
              <el-table
                :data="tableData"
                height="250"
                border
                style="width: 100%"
                :cell-style="{ textAlign: 'center' }"
                :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                <el-table-column
                  header-align="center"
                  prop="goodName"
                  label="商品名称"
                  width="180">
                </el-table-column>
                <el-table-column
                  header-align="center"
                  prop="regulaPrice"
                  label="常规销售价">
                </el-table-column>
                <el-table-column
                  header-align="center"
                  prop="userPrice"
                  label="用户退货价">
                </el-table-column>
                <el-table-column
                  header-align="center"
                  prop="number"
                  label="数量">
                </el-table-column>
                <el-table-column
                  header-align="center"
                  prop="goodDiscount"
                  label="商品优惠"
                  width="180">
                </el-table-column>
                <el-table-column
                  header-align="center"
                  prop="subtotal"
                  label="小计">
                </el-table-column>
              </el-table>
            </div>
          </el-card>
        </el-col>
      </el-row>
    </div>
</template>

<script>
    export default {
        name: "ProductReturnPageList",
      data() {
        return {
          tableData: [{
            goodName: '2016-05-03',
            regulaPrice: '上海市普陀区金沙江路 1518 弄',
            userPrice:'￥12.00',
            goodDiscount:'打三折',
            number:'4',
            subtotal:'3'
          },
            {
              goodName: '2016-05-03',
              regulaPrice: '上海市普陀区金沙江路 1518 弄',
              userPrice:'￥12.00',
              goodDiscount:'打三折',
              number:'4',
              subtotal:'3'
            },
            {
              goodName: '2016-05-03',
              regulaPrice: '上海市普陀区金沙江路 1518 弄',
              userPrice:'￥12.00',
              goodDiscount:'打三折',
              number:'4',
              subtotal:'3'
            },
            {
              goodName: '2016-05-03',
              regulaPrice: '上海市普陀区金沙江路 1518 弄',
              userPrice:'￥12.00',
              goodDiscount:'打三折',
              number:'4',
              subtotal:'3'
            },
            {
              goodName: '2016-05-03',
              regulaPrice: '上海市普陀区金沙江路 1518 弄',
              userPrice:'￥12.00',
              goodDiscount:'打三折',
              number:'4',
              subtotal:'3'
            },]
        }
      }
    }
</script>

<style scoped>
  .clearfix {
    display: table;
    align-content: left;
  }

</style>
